<!--
 * @Author: 李明明
 * @Date: 2020-10-19 15:44:15
 * @LastEditTime: 2022-05-07 11:21:15
 * @LastEditors: 李明明
 * @Description: 
 * @FilePath: /官网pc端/web/html/fragment/purch-inc/left-nav.htm
 * @代码版权方：'政府采购信息网'
-->

<body>
  <div id="left-nav" class="course">
    <div class="btn">采购人</div>
    <!-- 导航 -->
    <ul class="nav">
      <li class="nav_list">
        <a href="###" class="nav_title" title="采购人">采购人</a>
        <div class="nav_sub">
          <a href="###" title="中央">中央</a>
          <a href="###" title="地方">地方</a>
        </div>
      </li>
      <li class="nav_list">
        <a href="###" class="nav_title" title="高校院所">高校院所</a>
        <div class="nav_sub"></div>
        <div class="nav_pop">
          <div id="triangle-left"></div>
          <div class="pop_center">
            <a href="###" title="采购预算">采购预算</a>
            <a href="###" title="采购计划">采购计划</a>
            <a href="###" title="采购预算">采购预算</a>
            <a href="###" title="采购计划">采购计划</a>
            <a href="###" title="采购方式变更">采购方式变更</a>
            <a href="###" title="采购计划">采购计划</a>
            <a href="###" title="采购预算">采购预算</a>
            <a href="###" title="采购计划">采购计划</a>

          </div>
        </div>
      </li>
      <li class="nav_list">
        <a href="###" class="nav_title" title="意向公开">意向公开</a>
        <div class="nav_sub"></div>
        <div class="nav_pop">
          <div id="triangle-left"></div>
          <div class="pop_center">
            <a href="###" title="采购预算">采购预算</a>
            <a href="###" title="采购计划">采购计划</a>
            <a href="###" title="采购预算">采购预算</a>
            <a href="###" title="采购计划">采购计划</a>
            <a href="###" title="采购方式变更">采购方式变更</a>
            <a href="###" title="采购计划">采购计划</a>
            <a href="###" title="采购预算">采购预算</a>
            <a href="###" title="采购计划">采购计划</a>
            <a href="###" title="采购计划">采购计划</a>
            <a href="###" title="采购方式变更">采购方式变更</a>
            <a href="###" title="采购计划">采购计划</a>
            <a href="###" title="采购预算">采购预算</a>
            <a href="###" title="采购计划">采购计划</a>
            <a href="###" title="采购计划">采购计划</a>
            <a href="###" title="采购方式变更">采购方式变更</a>
            <a href="###" title="采购计划">采购计划</a>
            <a href="###" title="采购预算">采购预算</a>
            <a href="###" title="采购计划">采购计划</a>

          </div>
        </div>
      </li>
      <li class="nav_list">
        <a href="###" class="nav_title" title="采购文件">采购文件</a>
        <div class="nav_sub">
          <a href="###" title="采购合同">采购合同</a>
        </div>
      </li>
      <li class="nav_list">
        <a href="###" class="nav_title" title="内控制度">内控制度</a>
        <div class="nav_sub"></div>
      </li>
      <li class="nav_list">
        <div class="nav_wrap">
          <a href="###" class="nav_title" title="链接1">链接1</a>
          <span>·</span>
          <a href="###"  class="nav_title" title="链接2">链接2</a>
        </div>
        
        <div class="nav_sub"></div>
      </li>
      <li class="nav_list">
        <div class="nav_wrap">
          <a href="###" class="nav_title" title="链接1">链接1</a>
          <span>·</span>
          <a href="###"  class="nav_title" title="链接2">链接2</a>
        </div>
        <div class="nav_sub"></div>
        <div class="nav_pop">
        </div>
      </li>
    </ul>
  </div>
</body>
<script>
  setTimeout(function() {
    console.log($('.pop_center').height());

    $('.nav_list').hover(function () {
      $(this).children('.nav_pop').css('display', 'inline-block');
      $('.nav_pop').css('top', + -($(this).find('.pop_center').height() / 2 + 2) + 'px');
    }, function () {
      $(this).children('.nav_pop').css('display', 'none');
    })
  })

</script>